<template>
  <div>
    <div style="width:100%;height:640px;float:left;">
      <div style="float:left;margin-left:12%;padding-top:120px;">
        <span style="font-size: 30px;">网络中继服务，随时随处尽情使用</span>
      </div>
      <img style="float:right;margin-right:10%;margin-top:100px" src="@/assets/h/ill.svg" />
    </div>
    <div style="width:100%;float:left;">
      <div style="margin-top:130px;float:right;margin-right:12%">
        <span style="font-size:28px;">
          在你心爱的电子设备中使用，无论是移动的手机
          <br />还是固定的电脑，随时随处可用
        </span>
        <p style="margin-top:40px;font-size:20px;">服务适用于 macOS、iOS、Android、Windows 和 Linux中使用。</p>
      </div>
      <img style="float:left;margin-left:12%" src="@/assets/h/data_center.svg" />
    </div>
    <div style="width:100%;float:left;">
      <div style="margin-top:130px;float:left;margin-left:12%">
        <span style="font-size:28px;">
          解锁流媒体，观赏和聆听优质的内容
        </span>
        <p style="margin-top:40px;font-size:20px;">服务适用于 macOS、iOS、Android、Windows 和 Linux中使用。</p>
      </div>
      <img style="float:right;margin-right:12%;margin-top:80px;width:550px;height:350px;position:relative" src="@/assets/h/media.jpg" />
    </div>
    <div style="width:100%;float:left;">
      <div style="margin-top:130px;float:right;margin-right:12%">
        <span style="font-size:28px;">
          在你心爱的电子设备中使用，无论是移动的手机
          <br />还是固定的电脑，随时随处可用
        </span>
        <p style="margin-top:40px;font-size:20px;">服务适用于 macOS、iOS、Android、Windows 和 Linux中使用。</p>
      </div>
      <img style="float:left;margin-left:12%" src="@/assets/h/data_center.svg" />
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
#home-header {
  float: left;
  width: 100%;
  height: 700px;
}
#home-header-left {
  width: 30%;
  height: 600px;
  float: left;
  margin-left: 25%;
  margin-top: 150px;
}
#h-title {
  font-size: 30px;
}
#home-img-1 {
  z-index: -1;
  position: relative;
  float: right;
  margin-right: 17%;
  margin-top: 80px;
}

#home-1 {
  float: left;
  width: 100%;
}

#home-img-2 {
  z-index: -1;
  position: relative;
  float: left;
  margin-left: 20%;
  margin-top: 80px;
}
</style>